<template>
  <el-container>
    <el-header>
      <el-menu mode="horizontal" default-active="3">
        <el-menu-item>
          <img src="../assets/ele.svg" alt="img">
        </el-menu-item>
        <el-menu-item index="1">指南</el-menu-item>
        <el-menu-item index="2">主题</el-menu-item>
        <el-menu-item index="3">组件</el-menu-item>
        <el-menu-item index="4">资源库</el-menu-item>
      </el-menu>
      <!-- 水平导航 -->
    </el-header>

    <el-container>
      <el-aside width="180px" style="height:clac(100vh-60px)">
        <!-- 默认选中项为当前页面 $route.path router激活 -->
        <el-menu  :default-active="$route.path" router>
          <el-menu-item index="/component/container">Container容器</el-menu-item>
          <el-menu-item index="/component/table">Table表格</el-menu-item>
          <el-menu-item index="/component/form">Form表单</el-menu-item>
        </el-menu>
      </el-aside>
      <el-main>
        <router-view/>
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
export default {};
</script>

<style>
</style>